/* 
    Document   : default
    Created on : Mar 13, 2012, 10:30:28 AM
    Author     : Maulnick
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body {
    background-color: #CACACA;
    color: #555555;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    line-height: 18px;
    margin: 0;
    padding: 0;
}

/** container web **/
#pagewrap {
    background: url('../images/pagemid.png') repeat-y scroll 20px 50% #CACACA;
    margin: 0 auto;
    width: 1000px;
}

/** center top **/
#centertop {
    margin: 0 auto;
    text-align: left;
}
#topheader {
    background: url("../images/toolbar_bg.png") repeat-x scroll 0 2px #7A7A7A;
    border-bottom: 1px solid #C3C3C3;
    height: 26px;
}
#header {
    background: url("../images/header.jpg") no-repeat scroll left top transparent;
    height: 100px;
    text-align: left;
}
#top_menu {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 99;
}

/** center bottom **/
#centerbottom {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    min-height: 400px;
}
#wrap, #wrapblank {
    background-color: #F7F7F7;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    width: 100%;
}
#leftblock {
    clear: left;
    float: left;
    height: 100% !important;
    overflow: hidden;
    text-align: left;
}
#rightblock {
    clear: right;
    float: right;
    height: 100% !important;
    overflow: hidden;
    text-align: left;
}
#midblock {
    float: left;
    height: 100% !important;
    overflow: hidden;
    text-align: left;
}
#footer {
    background: none repeat scroll 0 0 #1B1B1B;
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    padding: 15px 0;
    text-align: center;
    width:960px;
    font-size: 11px;
}

/** standard label for inside **/
.inside{
    overflow: hidden;
    padding : 0;
}
.inside h1{
    font-family: Helvetica,Tahoma,sans-serif;
    font-size: 11pt;
    margin: 10px 0 5px;
    padding: 0px 0px 5px;
    text-align: center;
    background: url("../images/inset.gif") repeat-x scroll left bottom transparent;
    color: #D01415
}
.inside h2{
    font-family: Helvetica,Tahoma,sans-serif;
    font-size: 8pt;
    margin: 10px 0 5px;
    padding: 0px 0px 5px;
    text-align: center;
    background: url("../images/inset.gif") repeat-x scroll left bottom transparent;
    color: #D01415
}
.inside p{
    text-align: justify;
    padding: 0px 5px 0px 5px;
}

/** form login **/
.formlogin{
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    clear : both;
}
.formlogin label{
    float:left;
    width : 80px;
    margin-bottom: 5px;
}
.formlogin input{
    width:120px;
    margin-bottom: 5px;
}

#formloginbutton {
    font-size: 11px;
    background-image: url("../images/buttons.png");
    border: 1px solid #5FA1A6;
    cursor: pointer;
    height: 20px;
    vertical-align: top;
    margin-left : 80px;
    clear : both;
    width:80px;
}

/** form register **/
.formregister{
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    clear : both;
}
.formregister label{
    float:left;
    width : 180px;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: right;
    padding-right: 20px;
}
.formregister input{
    width:250px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.formregister select{
    width:250px;
    margin-bottom: 5px;
    margin-top: 5px;
}
#formregisterbutton{
    font-size: 11px;
    background-image: url("../images/buttons.png");
    border: 1px solid #5FA1A6;
    cursor: pointer;
    height: 20px;
    vertical-align: top;
    margin-left : 225px;
    clear : both;
    width:80px;
    margin-bottom: 5px;
}
#registerheader{
    background-image: url("../images/regmenu.jpg");
    width:100%;
    height:23px;
    margin-top: 3px;
}
#registerheader label{
    margin-left: 40%;
    color: #ffffff;
    font: bold 12px/25px Arial,Helvetica;
    height: 25px;
    padding: 0 25px;
    text-decoration: none;
    text-shadow: 0 1px 0 #000000;
}

/** logged in **/
.logtitle{
    width : 100%;
    float:left;
    margin-bottom: 1px;
    margin-top: 1px;
}
.logtitle label{
    margin-left: 3px;
    font: bold 12px/25px Arial,Helvetica;
    text-decoration: none;
}
.logcontent{
    width : 100%;
    float:left;
    margin-bottom: 1px;
    margin-top: 1px;
}
.logcontent label{
    margin-left: 20px;
    font: bold 12px/25px Arial,Helvetica;
    text-decoration: none;
}

/** validation css **/
#msg {
    display:none; 
    position:absolute; 
    z-index:200;
    font-size: small;
    background-image: url('../assets/images/msg_arrow.gif');
    background-position: left center;
    background-repeat: no-repeat; 
    padding-left:7px;
}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}